<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<jsp:useBean id="command" class="com.hwadee.JPKC.entity.courseInfo" scope="request" ></jsp:useBean>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set value="${pageContext.request.contextPath }" var="path"
	scope="page"></c:set>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" sizes="16x16"
	href="${path}/static/admin/plugins/images/favicon.png">
<title>所有课程显示</title>
<!-- Bootstrap Core CSS -->
<link href="${path}/static/admin/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">
<!-- Menu CSS -->
<link
	href="${path}/static/admin/plugins/bower_components/sidebar-nav/dist/sidebar-nav.css"
	<%--href="${path}/static/admin/../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css"--%>
	rel="stylesheet">
<!-- animation CSS -->
<link href="${path}/static/admin/css/animate.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="${path}/static/admin/css/style.css" rel="stylesheet">
<!-- color CSS -->
<link href="${path}/static/admin/css/colors/blue-dark.css" id="theme"
	rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="${path}/static/admin/https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="${path}/static/admin/https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
.page {
	text-align: center;
	width: 100%;
}

.page a {
	border: 1px solid #eee;
	padding: 0 10px;
	text-decoration: none;
	color: #000;
	background: #fff;
}

.page a.cur {
	color: red;
	border: 1px solid red;
	cursor: default;
}
</style>
</head>

<body>
	<!-- Preloader -->
	<div class="preloader">
		<div class="cssload-speeding-wheel"></div>
	</div>
	<div id="wrapper">
		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top m-b-0">
			<div class="navbar-header">
				<a class="navbar-toggle hidden-sm hidden-md hidden-lg "
					href="javascript:void(0)" data-toggle="collapse"
					data-target=".navbar-collapse"><i class="fa fa-bars"></i></a>
				<div class="top-left-part">
					<a class="logo" href="/admin/index.ht"><b><img
							src="${path }/static/admin/plugins/images/pixeladmin-logo.png"
							alt="home" /></b><span class="hidden-xs"><img
							src="${path }/static/admin/plugins/images/pixeladmin-text.png"
							alt="home" /></span></a>
				</div>
				<ul class="nav navbar-top-links navbar-left m-l-20 hidden-xs">
					<li>
						<form role="search" class="app-search hidden-xs">
							<input type="text" placeholder="Search..." class="form-control">
							<a href=""><i class="fa fa-search"></i></a>
						</form>
					</li>
				</ul>
				<ul class="nav navbar-top-links navbar-right pull-right">
					<li><a class="profile-pic" href="#"> <img
							src="${path }/static/admin/plugins/images/users/varun.jpg"
							alt="user-img" width="36" class="img-circle">
						<b class="hidden-xs" style="color: red;">${admins.adminName }</b>
					</a></li>
					<li>
						<a class="btn-dengchu" href="/admin/dengchu">登出</a>
					</li>
				</ul>
			</div>
			<!-- /.navbar-header -->
			<!-- /.navbar-top-links -->
			<!-- /.navbar-static-side -->
		</nav>
		<!-- Left navbar-header -->
		<div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse slimscrollsidebar">
                <ul class="nav" id="side-menu">
                    <li style="padding: 10px 0 0;">
                        <a href="/admin/index.ht" class="waves-effect"><i class="fa fa-clock-o fa-fw" aria-hidden="true"></i><span class="hide-menu">首页</span></a>
                    </li>
<%--                    <li>--%>
<%--                        <a href="/admin/declare/profile.ht" class="waves-effect"><i class="fa fa-user fa-fw" aria-hidden="true"></i><span class="hide-menu">课程详情</span></a>--%>
<%--                    </li>--%>
                    <li>
                        <a href="/admin/declare/FindAll.ht" class="waves-effect"><i class="fa fa-table fa-fw" aria-hidden="true"></i><span class="hide-menu">课程申报栏目管理</span></a>
                    </li>
                    <li>
                        <a href="/admin/courseInfo.ht" class="waves-effect"><i class="fa fa-font fa-fw" aria-hidden="true"></i><span class="hide-menu">所有课程</span></a>
                    </li>
                    <li>
                        <a href="/admin/User/userInfo.ht" class="waves-effect"><i class="fa fa-globe fa-fw" aria-hidden="true"></i><span class="hide-menu">用户管理</span></a>
                    </li>
                    <li>
                        <a href="/admin/blank.ht" class="waves-effect"><i class="fa fa-columns fa-fw" aria-hidden="true"></i><span class="hide-menu">校内课程评审管理</span></a>
                    </li>
                    
                </ul>
                <div class="center p-20">
                </div>
            </div>
        </div>
		<!-- Left navbar-header end -->
		<!-- Page Content -->
		<div id="page-wrapper">
			<div class="container-fluid">
				<div class="row bg-title">
					<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
						<h4 class="page-title">所有课程</h4>
					</div>

					<!-- /.col-lg-12 -->
				</div>
				<!-- /row -->
				<div class="row">
					<div class="col-sm-12">
						<div class="white-box">
						<%--	<h3 class="box-title">课程详情表</h3>
							<p class="text-muted">
								Add class
								<code>.table</code>
							</p>--%>
							<div class="table-responsive">
								<table class="table">
									<thead>
										<tr>
											<th style="width: 100px;">课程介绍</th>
											<th style="width: 120px;">师资队伍</th>
											<th data-class="tWidth" style="width: 120px;">教材教案</th>
	<!-- 										<th data-class="tWidth" style="width: 120px;">多媒体教学</th> -->
											<th data-class="tWidth" style="width: 120px;">教学资料</th>
											<!-- <th style="width: 120px;">教学材料</th> -->
											<th style="width: 120px;">课程上线状态</th>
											<th style="width: 120px;">课程访量</th>
											<th>课程详情</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<c:choose>
											<c:when test="${not empty course}">
												<c:forEach items="${course}" var="course">
													<tr>
														<td
															style="text-overflow: ellipsis; 
															white-space: nowrap; 
															overflow: hidden; 
															display: inline-block; 
															width: 100px;">${course.courseDescription }</td>
														<td>${course.teacherTeam }</td>
														<td
															style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 120px;">${course.teachingLesson }</td>
<%-- 														<td>${course.muitimedia }</td> --%>
														
														<td>${course.muitimedia }</td>
														<c:choose>
															<c:when test="${course.academicExchange == '已上线'}">
														<td style="color: #23527c;text-align: center;">${course.academicExchange }</td>
														</c:when>
														<c:otherwise>
																<td style="color: #9D2933;;text-align: center;">${course.academicExchange }</td>
															</c:otherwise>
														</c:choose>										
														<td>${course.courseNum }</td>
														<td><a
															href="/admin/declare/profile.ht?courseId=${course.courseId} ">查看详情</a></td>
														<c:choose>
															<c:when test="${course.academicExchange == '已上线'}">
																<td><a
																	href="javascript:void(0); ">已同意</a></td>
															</c:when>
															<c:otherwise>
																<td><a style="color: #9D2933;"
																	href="/Info/xiugaiInfo?courseId=${course.courseId} ">同意</a></td>

															</c:otherwise>
														</c:choose>
													</tr>
												</c:forEach>
									</tbody>
								</table>
							</div>
							<div class="page">
					<!--如果当前页大于1-->
					<c:if test="${course.getPageNum() gt 1 }">
					<a href="/admin/courseInfo.ht?p=${course.getPageNum() -1 }">上一页</a>
					</c:if>
					<c:forEach begin="1" end="${course.getPages() }" var="p">
						<c:if test="${course.getPageNum() eq p }">
						<a class="cur" href="javascript:void(0);">${p }</a>
						</c:if>
						<c:if test="${course.getPageNum() ne p }">
						<a href="/admin/courseInfo.ht?p=${p }">${p }</a>
						</c:if>
					</c:forEach>
						<!--如果当前页小于1-->
						<c:if test="${course.getPageNum() lt course.getPages() }">
						<a href="/admin/courseInfo.ht?p=${course.getPageNum() + 1 }">下一页</a>
						</c:if>
					</div>
					  </c:when>
                     <c:otherwise>
					没查到任何结果
					</c:otherwise>
                    </c:choose>
						</div>
					</div>
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container-fluid -->
		</div>
		<!-- /#wrapper -->
		<!-- jQuery -->
		<script
			src="${path}/static/admin/plugins/bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap Core JavaScript -->
		<script src="${path}/static/admin/bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- Menu Plugin JavaScript -->
		<script
			src="${path}/static/admin/plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>
		<!--slimscroll JavaScript -->
		<script src="${path}/static/admin/js/jquery.slimscroll.js"></script>
		<!--Wave Effects -->
		<script src="${path}/static/admin/js/waves.js"></script>
		<!-- Custom Theme JavaScript -->
		<script src="${path}/static/admin/js/custom.min.js"></script>
		<script src="${path}/static/admin/js/jquery-2.2.3.min.js"></script>
	</div>
</body>

</html>
